
input, label, select, option, textarea, button, fieldset, legend {
    font-size:12px;
    font-family: "微软雅黑";
}

.groupPanel{
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	background: rgba(0,0,0,0.3);
	z-index: 1000;
	display: none;
}
.content{
	width: 800px;
	height: 450px;
	border: 1px solid #CCCCCC;
	position: absolute;
	top: 20%;
	left: 50%;
	margin-left: -400px;
	margin-top: -100px;
	background: #FFFFFF;
}
#groupBtn{
	margin-left: 5px;
	margin-top: 2px;
}
.group-list{
    margin-bottom: -5px;
	width: 470px;
	margin-left: 10px;
	margin-top: 5px;
	border-bottom: none;

}

.groupPage{
	margin-left: 10px;

}
.groupRight{
	margin-top: 10px;
}
.groupList{
	margin-top: -20px;
	border-top:none;
	margin-left: 10px;
}
.groupListPage{
	margin-top: -10px;
	margin-left: 10px;
}

.Icon:hover{
	color: #23b7e5;
	cursor: pointer;
}

.buttons>button:first-child{
	margin-left: 120px;
}

.addContent{
	width: 560px;
	height: 800px;
	border: 1px solid #CCCCCC;
	position: absolute;
	top: 50%;
	right: 0;
	margin-top: -400px;
	background: #FFFFFF;
	display: none;
}
.setButtons{
	margin-top: 10px;
	margin-left: 20px;
}
.pres{
	width: 640px;
	height: 800px;
	border: 1px solid #CCCCCC;
	position: absolute;
	top: 50%;
	left: 50%;
	margin-top: -400px;
	margin-left: -320px;
	background: #FFFFFF;
	display: none;
}
.pre-title{
	font-size: 14px;
	line-height: 10px;
	border-bottom: none;
}
.prePanel{
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	background: rgba(0,0,0,0.3);
	z-index: 1000;
	display: none;
}

#preCalBtn:hover{
	color: #23b7e5;
	cursor: pointer;
}
.testMail{
	width: 280px;
	height: 180px;
	border: 1px solid #CCCCCC;
	position: absolute;
	top: 50%;
	left: 50%;
	margin-top: -90px;
	margin-left: -140px;
	background: #FFFFFF;
	border-radius: 12px;
	background: #FCF8E3;
	display: none;
}

.alertMsg{
	text-align: center;
	font-size: 18px;
	line-height: 180px;
}
.alertHint{
	font-size: 18px;
	padding-left:10px ;
}
.formalMail{
	width: 280px;
	height: 180px;
	border: 1px solid #CCCCCC;
	position: absolute;
	top: 50%;
	left: 50%;
	margin-top: -90px;
	margin-left: -140px;
	background: #FFFFFF;
	border-radius: 12px;
	background: #FCF8E3;
	display: none;
}
.alertMsg2{
	text-align: center;
	font-size: 18px;
	padding-top: 50px;
}
.alertBtns{
	margin-left: 160px;
	margin-top: 30px;
}
.saveBre{
	width: 280px;
	height: 180px;
	border: 1px solid #CCCCCC;
	position: absolute;
	top: 50%;
	left: 50%;
	margin-top: -90px;
	margin-left: -140px;
	background: #FFFFFF;
	border-radius: 12px;
	background: #FCF8E3;
	display: none;
}
.cate{
	margin-left: 10px;
	margin-right: 10px;
}

.catePanel:hover{
	cursor: pointer;
}

.brieList-optTh>span{
	display: inline-block;
	margin-left: 60px;
}
.brieList-search{
	width: 100%;
	margin: 10px;
}
.brieListDiv>input{
	width: 60%;
}
#brieList-searchInput{
	display: inline;
}
.brieList-singleSend{
	width: 70%;
	margin: 15px 60px;
	display: none;
}
.singleSendIcon:hover{
	color: #23b7e5;
	cursor: pointer;
}
#usermang-searchInput{
	display: inline;
}
#usermang-Btn{
	display: inline;
}
.um-page{
	text-align: right;
	margin-right:20px;
}
.um-panel{
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	background: rgba();
	background: rgba(0,0,0,0.3);
	z-index: 1001;
	display: none;
}
.um-addConpany{
	width: 380px;
	height: 220px;
	position: absolute;
	top:40%;
	left: 50%;
	margin-left: -190px;
	margin-top: -110px;
	background: #FFFFFF;
	display: none;
}
.um-panel-Content{
	width: 600px;
	height: 360px;
	background: #FFFFFF;
	position: absolute;
	top: 50%;
	left: 50%;
	margin-left: -300px;
	margin-top: -180px;
	display: none;
}
.um-userListPanel{
	width: 660px;
	height: 600px;
	background: #FFFFFF;
	position: absolute;
	top: 50%;
	left: 50%;
	margin-left: -330px;
	margin-top: -300px;
	display: none;
}
.umPanel2{
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	background: rgba();
	background: rgba(0,0,0,0.3);
	z-index: 2001;
	display: none;
}
.um-panel2-Content{
	width: 600px;
	height: 360px;
	background: #FFFFFF;
	position: absolute;
	top: 50%;
	left: 50%;
	margin-left: -300px;
	margin-top: -180px;
	display: none;
}
.umPanel-delete{
	width: 380px;
	height: 220px;
	position: absolute;
	top:40%;
	left: 50%;
	margin-left: -190px;
	margin-top: -110px;
	background: #FFFFFF;
	font-size: 14px;
	display: none;
}
.um-content-top>span{
	display: inline-block;
	font-size: 16px;
	margin-left: 14px;
}
.um-content-top{
	width: 100%;
	background: #FBF8E3;
	line-height: 40px;
}
.um-inputs{
	margin-top: 45px;
}

.um-inputs>span{
	font-size: 14px;
}
.um-inputsList1>input{
	width: 300px;
	height: 25px;
	margin-bottom: 15px;
}
.um-inputsList2>input{
	width: 300px;
	height: 30px;
	margin-bottom: 15px;
}
.um-inputsList1{
	margin-left: 120px;
}
.um-inputsList2{
	margin-left: 128px;
}
.um-content-bottom{
	text-align: center;
	margin-top: 20px;
}
.pk-panel{
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	background: rgba();
	background: rgba(0,0,0,0.3);
	z-index: 1001;
	display: none;
}
.pk-panelContent{
	width: 660px;
	height: 660px;
	background: #FFFFFF;
	position: absolute;
	top: 40%;
	left: 50%;
	margin-left: -330px;
	margin-top: -330px;
	display: none;
}
.pk-userList{
	
}
.pk-panelContent-header{
	width: 100%;
	line-height: 40px;
	background: #FBF8E3;
}
.pk-panelContent-header>span{
	display: inline-block;
	font-size: 16px;
	margin-left: 14px;
}
#pkCalSpan{
	float: right;
	margin-right: 14px;
}
#pkCalSpan:hover{
	color: #000;
	cursor: pointer;
}
.pk-panelContent-middle1,.pk-panelContent-middle2{
	margin-left: 14px;
	margin-top: 14px;
}

.middle2-input{
	  border-color: #cfdadd;
      border-radius: 2px;
      height: 30px;
      padding: 6px 12px;
      font-size: 14px;
      line-height: 1.42857143;
      color: #555;
      background-color: #fff;
      background-image: none;
      border: 1px solid #cfdadd;
      box-shadow: none;
      outline: none;
      -webkit-transition: border-color ease-in-out .15s, -webkit-box-shadow ease-in-out .15s;
      -o-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
      transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
}
.middle2-input:focus{
	 border-color: #23b7e5 !important;
}
.pk-page{
	float: right;
	margin-top: -10px;
	margin-right: 14px;
}
#ukCalSpan{
	float: right;
	margin-right: 14px;
}
#ukCalSpan:hover{
	color: #000;
	cursor: pointer;
}
.uk-btns{
	margin-top: 40px;
	text-align: center;
}
#ukSureBtn{
	margin-left: 160px;
}
.pk-userList{
	width: 660px;
	height: 500px;
	position: absolute;
	top: 50%;
	left: 50%;
	background: #FFFFFF;
	margin-left: -330px;
	margin-top: -250px;
	display: none;
}
#pkCalSpan2{
	float: right;
	margin-right: 14px;
}
#pkCalSpan2:hover{
	color: #000;
	cursor: pointer;
}
.pk-btns{
	margin-top: 50px;
	text-align: center;
}
#pkSureBtn2{
	margin-left: 160px;
}
.uk-proList{
	width: 660px;
	height: 500px;
	position: absolute;
	top: 50%;
	left: 50%;
	background: #FFFFFF;
	margin-left: -330px;
	margin-top: -250px;
	display: none;
}
#ukCalSpan2{
	float: right;
	margin-right: 14px;
}
#ukCalSpan2:hover{
	color: #000;
	cursor: pointer;
}

.uk-btns{
	text-align: center;
}
